<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="/css/login.css" th:href="@{/css/login.css}">
    <link rel="stylesheet" type="text/css" href="/css/common.css" th:href="@{/css/common.css}">
    <script th:src="@{/js/cookie_utils.js}"></script>
</head>
<body>
<div class="item_div flex justify-center align-center">
    <div class="item_center p-3">
        <p class="text-center text-grey font-md">博客用户登录</p>
        <div class="flex flex-column align-center mt-2">
            <img th:src="@{/images/boke_touxiang.svg}" style="width: 60px;height: 60px;">
            <p class="font-mini text-grey mt-2">代码改变世界</p>
        </div>
        <form th:action="@{/login}" method="post">
            <div class="flex mt-2">
                <div class="left_item flex align-center justify-center flex-1">
                    <p class="font-mini">密码登录</p>
                </div>
                <div class="right_item flex align-center justify-center flex-1">
                    <a th:href="@{/regist}">
                        <p class="font-mini">注册账号</p>
                    </a>
                </div>
            </div>
            <div class="mt-2 flex flex-column">
                <input type="text"  name="userName" class="  font-mini" placeholder="登录用户名/邮箱"/>
                <input type="password"   name="password" class=" mt-3  font-mini" placeholder="密码"/>
            </div>
            <div class="mt-5 flex justify-center align-center">
                <button class="item_btn flex align-center justify-center" type="submit">
                    <p class="text-white font-mini">登录</p>
                </button>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">


</script>

</body>
</html>